<template>
	<view>
		<cu-custom :isBack="true" bgColor="bg-white">
			<block slot="content">
				<view class="custom-title">申报绿色项目</view>
			</block>
		</cu-custom>
		<view class="filling-div">
			<view class="filling-content">
				<view class="top-title">基础信息</view>
				
				<view class="title padding-top-48">选择身份</view>
				<radio-group class="block" @change="radioChange">
					<view class="flex padding-top-16">
						<view class="flex-sub flex justify-start align-center">
							<radio value="1" :checked="iden==1" style="transform:scale(0.8)"></radio>
							<text class="basic-radio-title">项目所有方</text>
						</view>
						<view class="flex-sub flex justify-start align-center">
							<radio value="2" :checked="iden==2" style="transform:scale(0.8)"></radio>
							<text class="basic-radio-title">项目共建方</text>
						</view>
					</view>
				</radio-group>
				
				<view class="title padding-top-32">项目名称：</view>
				<view>
					<input class="input-class" placeholder="请输入" name="input"></input>
				</view>
				
				<view class="title padding-top-32">项目地址：</view>
				<view>
					<input class="input-class" placeholder="请输入" name="input"></input>
				</view>
				
				<view class="title padding-top-32">项目类型：</view>
				<view>
					<input class="input-class" placeholder="请输入" name="input"></input>
				</view>
				
				<view class="title padding-top-32">项目减排量：</view>
				<view class="input-class flex align-center justify-between padding-right-32">
					<input placeholder="请输入" name="input"></input>
					<view>吨</view>
				</view>
				
				<view class="title padding-top-32">项目描述：</view>
				<view>
					<textarea class="textare-class" placeholder="请输入"></textarea>
				</view>
			</view>
			<view class="filling-content margin-top-32">
				<view class="top-title">{{iden==1?'所有方信息':'共建方信息'}}</view>
				<view class="title padding-top-48">单位名称：</view>
				<view>
					<input class="input-class" placeholder="请输入" name="input"></input>
				</view>
			</view>
			
			<view class="filling-content margin-top-32">
				<view class="top-title">其他信息</view>
				<view class="flex align-center justify-between margin-top-32">
					<view class="title">是否发放告知书：</view>
					<view>
						<switch class="switch-sex" @change="SwitchSex" :class="skin?'checked':''"
							:checked="skin?true:false"></switch>
					</view>
				</view>
			</view>
			
			<view class="filling-content margin-top-32">
				<view class="top-title">附件</view>
				<image @tap="ChooseImage" src="https://txr001.zthj.net/static/img/addPublic.png" class="img-196 margin-top-32"></image>
			</view>
			
			
			
			
			<button class="cu-btn filling-btn" >确认</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				iden:1,
				skin:""
			}
		},
		onLoad() {
		},
		methods: {
			radioChange(e){
				this.iden=e.detail.value
			},
			SwitchSex(e) {
				this.skin = e.detail.value
			},
			ChooseImage() {
				uni.chooseImage({
					count: 1, //默认9
					sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图，默认二者都有
					sourceType: ['album'], //从相册选择
					success: (res) => {
						console.log(res)
					}
				});
			},
		}
	}
</script>

<style scoped lang="less">
	.filling-div{
		padding: 48rpx 32rpx;
		.filling-content{
			background: #FFFFFF;
			border-radius: 52rpx;
			padding: 48rpx 32rpx 64rpx;
			.top-title{
				font-size: 32rpx;
				font-weight: 600;
				color: #000000;
			}
			.title{
				font-size: 28rpx;
				font-weight: 400;
				color: #333333;
			}
			.input-class{
				margin-top: 16rpx;
				width: 100%;
				height: 68rpx;
				background: #FFFFFF;
				border-radius: 48rpx;
				border: 2rpx solid #000000;
				padding-left: 28rpx;
			}
			.textare-class{
				margin-top: 16rpx;
				width: 100%;
				height: 216rpx;
				background: #FFFFFF;
				border-radius: 48rpx;
				border: 2rpx solid #000000;
				padding: 28rpx;
			}
			.date-content{
				margin-top: 16rpx;
				width: 100%;
				height: 68rpx;
				background: #FFFFFF;
				border-radius: 48rpx;
				border: 2rpx solid #000000;
				color: #CCCCCC;
			}
		}
		.filling-btn{
			margin-top: 64rpx;
			height: 88rpx;
			line-height: 88rpx;
			background: #439ADC;
			border-radius: 48rpx;
			font-size: 32rpx;
			font-weight: 500;
			color: #FFFFFF;
			width: 100%;
		}
	}
</style>